<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

</body>
<script>
    // 常见this指向
    // this -> 函数内置关键词  => 函数在调用时依存的对象
    // (1) 函数调用时, 没有依存的对象 => 默认this-> window
    // (2) 函数调用时, 有依存的对象 属于谁,就指向谁 (函数调用时有依存的对象)
    //     obj.say()   btn.onclick = function(){}

    // 函数也是一个特殊的对象(引用类型)

    function fn() {
        console.log("函数被调用", this);
    }

    var arr = [1, 2, 3, fn];

    var obj = {
        a: 1,
        b: 2,
        fn: fn,
    }

    document.onclick = fn;


    fn(); // this->window
    arr[3]();  // this -> arr
    obj.fn();












</script>

</html>